<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

	<h:body>

		<ui:composition template="/static/theme/censo2011/main.xhtml">

			<ui:define name="navegacion">
				<p:menuitem value="Sala Situacional" url="#"/>
				<p:menuitem value="Alertas" url="alertas.xhtml" />
			</ui:define>

			<ui:define name="contenido">

				<br />
				<br />
				<h1>Cantidad de Alertas</h1>
				<br />
				<br />
				<div align="center">
								<table border="0">
									<tr>
										<td>Entidad</td>
										<td>
											 <h:selectOneMenu>  
										             <f:selectItem itemLabel="-------Entidad-------" itemValue="-1" />
										     </h:selectOneMenu>
										</td>
									</tr>
									<tr>
										<td>Municipio</td>
										<td>
											 <h:selectOneMenu>  
										             <f:selectItem itemLabel="-------Municipio-------" itemValue="-1" />
										     </h:selectOneMenu>
										</td>
									</tr>
									<tr>
										<td>Parroquia</td>
										<td>
											 <h:selectOneMenu>  
										             <f:selectItem itemLabel="-------Parroquia-------" itemValue="-1" />
										     </h:selectOneMenu>
										</td>
									</tr>
									<tr>
										<td>Centro de Recolección</td>
										<td>
											 <h:selectOneMenu>  
										             <f:selectItem itemLabel="-------Centro de Recoleccion-------" itemValue="-1" />
										     </h:selectOneMenu>
										</td>
									</tr>
									<tr>
										<td>Supervisor</td>
										<td>
											 <h:selectOneMenu>  
										             <f:selectItem itemLabel="-------Supervisor-------" itemValue="-1" />
										     </h:selectOneMenu>
										</td>
									</tr>
									<tr>
										<td>Empadronador</td>
										<td>
											 <h:selectOneMenu>  
										             <f:selectItem itemLabel="-------Empadronador-------" itemValue="-1" />
										     </h:selectOneMenu>
										</td>
									</tr>
									<tr>
										<td>Area</td>
										<td>
											 <h:selectOneMenu>  
										             <f:selectItem itemLabel="-------Area-------" itemValue="-1" />
										     </h:selectOneMenu>
										</td>
									</tr>
									<tr>
										<td>Tipo</td>
										<td>
											 <h:selectOneMenu>  
										             <f:selectItem itemLabel="-------Tipo-------" itemValue="-1" />
										     </h:selectOneMenu>
										</td>
									</tr>
									<tr>
										<td>Alerta</td>
										<td>
											 <h:selectOneMenu>  
										             <f:selectItem itemLabel="-------Alerta-------" itemValue="-1" />
										     </h:selectOneMenu>
										</td>
									</tr>
									<tr>
										<td colspan="2" align="center"><h:commandButton  value="Consultar" /></td>
									</tr>
								</table>
				</div>
				<br />		
				<div id="div_contenido"><h:form>

					<p:dataTable id="tbl" var="alerta" value="#{alertaBean.alertas}">
						<p:column>
							<f:facet name="header">Fecha</f:facet>
							<h:outputText value="#{alerta.fechaGeneracionAlerta}" ><f:convertDateTime type="date" pattern="dd/MM/yyyy"/></h:outputText>
						</p:column>
						<p:column>
							<f:facet name="header">Area</f:facet>
							<h:outputText value="#{alerta.area}" />
						</p:column>
						<p:column>
							<f:facet name="header">Tipo</f:facet>
							<h:outputText value="#{alerta.tipo}" />
						</p:column>
						<p:column>
							<f:facet name="header">Valor</f:facet>
							<h:outputText value="#{alerta.valor}" />
						</p:column>
						<p:column>
							<f:facet name="header">Rango Inferior</f:facet>
							<h:outputText value="#{alerta.rangoInferior}" />
						</p:column>
						<p:column>
							<f:facet name="header">Rango Superior</f:facet>
							<h:outputText value="#{alerta.rangoSuperior}" />
						</p:column>
						<p:column>
							<f:facet name="header">Alerta</f:facet>
							<h:outputText value="#{alerta.alerta}" />
						</p:column>
						<p:column>
							<f:facet name="header">Semaforo</f:facet>
							<p:graphicImage value="static/imagenes/#{alerta.alerta}.jpg" />
						</p:column>
					</p:dataTable>
					<br />
					<h:panelGrid columns="2">
						<p:panel header="Exportar todos los Datos">
							<h:commandLink>
								<p:graphicImage value="/static/imagenes/excel.png" />
								<p:dataExporter type="xls" target="tbl" fileName="alertas" excludeColumns="7"/>
							</h:commandLink>

							<h:commandLink>
								<p:graphicImage value="static/imagenes/pdf.png" />
								<p:dataExporter type="pdf" target="tbl" fileName="alertas" excludeColumns="7"/>
							</h:commandLink>
						</p:panel>
					</h:panelGrid>

				</h:form></div>


			</ui:define>

		</ui:composition>
	</h:body>
</f:view>